

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!-- itwang -->
<html>

<head>

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>仪器共享</title>

	<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

	<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
	<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
	<link rel="stylesheet" href="new_css/publishService.css">
	<link rel="stylesheet" href="css/new_style.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
	<script src="new_js/jquery-1.11.3.js"></script>
	<script src="method/dwy/book_service14_3.js""></script>
	<style>
		div#readOnly img {
			width: 24px;
			height: 25px;
		}
		.mainList .content .right .title{
			margin-left: 30px;
		}
		.main-content-mid {
			/*margin-left: 40px;*/
			height: 900px;
			display: block;
		}
		.mainList .content    {
			width: 100%;
			overflow: hidden;
			height: 100% !important;
		}
		.mainList .content .right {
			/*height: 830px !important;*/
		}
		.mainList{
		  margin-top: 20px;
		  height: 1000px;
		}


		/*小箭头*/

		.sun_item>.sun_item_div1:after, .sun_item>.sun_item_div1:before {
			border: solid transparent;
			content: '';
			height: 0;
			left: 100%;
			position: absolute;
			width: 0;
		}
		.sun_item>.sun_item_div1:before {
			border-width: 12px;
			border-left-color: rgba(196,196,196,1);
			top: 75px;
		}
		.sun_item>.sun_item_div1:after {
			border-width: 10px;
			border-left-color: #fff;
			top: 77px;
		}


		/*goods-comm-stars style*/
		.goods-comm{height:41px;position:relative;z-index:7;}
		.goods-comm-stars{line-height:25px;height:41px;position:absolute;top:0px;left:0;width:400px;}
		.goods-comm-stars .star_l{float:left;display:inline-block;margin-right:5px;display:inline;}
		.goods-comm-stars .star_choose{float:left;display:inline-block;}
		/* rater star */
		.rater-star{position:relative;list-style:none;margin:0;padding:0;background-repeat:repeat-x;background-position:left top;float:left;}
		.rater-star-item, .rater-star-item-current, .rater-star-item-hover{position:absolute;top:0;left:0;background-repeat:repeat-x;}
		.rater-star-item{background-position: -100% -100%;}
		.rater-star-item-hover{background-position:0 -48px;cursor:pointer;}
		.rater-star-item-current{background-position:0 -48px;cursor:pointer;}
		.rater-star-item-current.rater-star-happy{background-position:0 -25px;}
		.rater-star-item-hover.rater-star-happy{background-position:0 -25px;}
		.rater-star-item-current.rater-star-full{background-position:0 -72px;}
		/* popinfo */
		.popinfo{display:none;position:absolute;top:30px;background:url(images/infobox-bg.gif) no-repeat;padding-top:8px;width:192px;margin-left:-14px;}
		.popinfo .info-box{border:1px solid #f00;border-top:0;padding:0 5px;color:#F60;background:#FFF;}
		.popinfo .info-box div{color:#333;}
		.rater-click-tips{font:12px/25px;color:#333;margin-left:10px;background:url(images/infobox-bg-l.gif) no-repeat 0 0;width:151px;height:34px;padding-left:16px;overflow:hidden;}
		.rater-click-tips span{display:block;background:#FFF9DD url(images/infobox-bg-l-r.gif) no-repeat 100% 0;height:34px;line-height:34px;padding-right:5px;}
		.rater-star-item-tips{background:url(images/star-tips.gif) no-repeat 0 0;height:41px;overflow:hidden;}
		.cur.rater-star-item-tips{display:block;}
		.rater-star-result{color:#FF6600;font-weight:bold;padding-left:10px;float:left;}



		/*评论*/
		.commentary{
			width:935px;
			height:402px;
			border: 1px solid #C4C4C4;
		}
		.commentary .buyer-evaluation{
			width: 467px;
			border-right: 1px solid #d2d2d2;




		}
		.commentary .buyer-evaluation .buyer-evaluation-title{
			height: 41px;
			line-height: 41px;
			margin: 8px auto;
			text-align: center;


			/*border-bottom: 1px solid #d2d2d2;*/

		}
		.commentary .buyer-evaluation .buyer-evaluation-title p{
			padding-bottom: 8px;
			border-bottom: 1px solid #d2d2d2;
			color: #1A1A1A;
			font-size:16px;
			/**/
		}

		.buyer-evaluation-content{
			margin: 20px 0 0px 20px;
			height: 300px;
			overflow: hidden;
			text-overflow: ellipsis;
		}



		.buyer-evaluation-content ul li span{
			color: #FF8A00;
		}

		.buyer-evaluation-time{
			text-align: right;
			margin-right: 20px;
		}

		.your-reply{
			border-right: 0px !important;
		}
		.commentary-btn{
			margin-right: 221px;
			margin-top: 30px;
		}

		a.clearfix.fr.commentary-btn {
			width: 151px;
			height: 46px;
			line-height: 46px;
			background-color: #ff8a00;
			text-align: center;
			color: #fff;
			font-size: 16px;
			float: left;
			margin-left: 155px;
			border-radius: 5px;
		}
		.mainList .content .right ul li label {
			width: 100px;
			display: inline-block;
			/*text-align: right;*/
			padding-right: 20px;
		}
		.mainList .content .right ul .item11 select {
			height: 54px;
			width: 477px;
		}

		.mainList .content .right ul .item4 textarea {
			width: 468px;
			height: 183px;
			vertical-align: middle;
		}


		.mainList .content .title {
			width: 100%;
			height: 47px;
			border-bottom: 1px solid #d3d3d3;
			line-height: 44px;
			font-size: 18px;
			color: #202020;
			margin: 20px auto;
		}

		.mainList .content .title span {
			display: inline-block;
			height: 100%;
			border-bottom: 2px solid #ff8a00;
		}
		.sun_item>.sun_item_div1 {
    width: 22px;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    height: 108px;
    display: inline-block;
    padding: 32px;
    position: relative;
    border-left: 0px !important;
    border-top: 0px !important;
    border-bottom: 1px solid rgba(196,196,196,1);
    float: left;
    letter-spacing: 3px;
    text-align: center;
    font-size: 16px;
}
		.sun_item>.sun_item_div2 {
			display: inline-block;
			float: left;
			width: 988px;
			height: 172px;
			padding: 0 60px;
			border: none;
			border-bottom: 1px solid rgba(196,196,196,1);
			border-left: 1px solid rgba(196,196,196,1);
		}

		.biaodan {
			margin-left: 30px;
		}

	</style>
	<script>
        $(function() {
            $('#front_header .header_wrap .right').hover(function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
                $('#front_header .header_wrap .right .out').show();
            }, function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
                $('#front_header .header_wrap .right .out').hide();
            });
            $('#sorts').on('mouseover', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon4.png');
            });
            $('#sorts').on('mouseout', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon5.png');
            });

            $('.mainList .content .left li').click(function() {
                $(this).addClass('selected').siblings().removeClass('selected');
            });
        });
	</script>

</head>

<body style="background:#fff;">
<%@include file="/header3.jsp"%>

<div class="mainList">
	<div class="bNav">您的位置：首页 > <span id="name1"></span>><span>服务订单</span></div>
	<div class="content">
		<div class="title"><span>服务订单</span></div>
		<div class="right">

			<div class="main-content-mid clearfix">
				<ul  class="clearfix">
					<li class="sun_item clearfix">
						<div class="sun_item_div1">服务信息</div>
						<div class="sun_item_div2">
							<div class="sun_item_img">
								<img id="serviceImg" src="images/productDetailPic.png" />
							</div>
							<div class="item_box">
								<br />
								<p><span id="name"></span></p>
								<br />

								<p>服务结果获取时间：<span id="time"></span></p>
								<br />


								<div class="goods-comm">
									<div class="goods-comm-stars">
										<span class="star_l">仪器综合评分：</span>
										<div id="readOnly"></div><p id="scoreFenshu"></p>
										<!--<div id="rate-comm-1" class="rate-comm"></div>-->
									</div>
								</div>
							</div>
						</div>
					</li >
				</ul>
				<!--表单-->
				<div class="biaodan">
					<ul>
						
						<li><label>联系人：</label> <input type="text" name="orderappli.prinpical" id="person"></li>

						<li><label>联系电话：</label> <input type="text" name="orderappli.pirnpicalTel"  id="phone"></li>


						<li class="item4"><label>需求描述：</label> <textarea name="Sample[0].remarks" id="describe"></textarea></li>
					</ul>
				</div>
				<a class="clearfix fr commentary-btn" id="wuwui">提交</a>
			</div>

		</div>


	</div>

</div>
<!--footer-->
<%@include file="/footer.jsp"%>
<!-- <script src="js/jquery-1.11.3.js"></script> -->
<script src="js/common.js"></script>
<script src="js/jquery.raty.js"></script>
<script src="js/labs.js"></script>
<script>


    $.fn.raty.defaults.path = 'images';
    //$('#readOnly').raty({ readOnly: true, score: 4});




    $(function() {
        $('#default').raty();

        $('#score').raty({ score: 3 });

        $('#score-callback').raty({
            score: function() {
                return $(this).attr('data-score');
            }
        });

        $('#scoreName').raty({ scoreName: 'entity[score]' });

        $('#number').raty({ number: 10 });

        $('#number-callback').raty({
            number: function() {
                return $(this).attr('data-number');
            }
        });

        $('#numberMax').raty({
            numberMax : 5,
            number    : 100
        });





        $('#starHalf').raty({
            half     : true,
            path     : null,
            starHalf : 'images/star-half-mono.png',
            starOff  : 'images/star-off.png',
            starOn   : 'images/stars-all.png'
        });


        $('#size').raty({
            path      : 'images',
            cancel    : true,
            cancelOff : 'cancel-off.png',
            cancelOn  : 'cancel-on.png',
            half      : true,
            starHalf  : 'star-half.png',
            starOff   : 'star-off.png',
            starOn    : 'stars-all.png'
        });

        $('#target-div').raty({
            cancel : true,
            target : '#target-div-hint'
        });

        $('#target-text').raty({
            cancel : true,
            target : '#target-text-hint'
        });

        $('#target-textarea').raty({
            cancel : true,
            target : '#target-textarea-hint'
        });

        $('#target-select').raty({
            cancel : true,
            target : '#target-select-hint'
        });

        $('#targetType').raty({
            cancel     : true,
            target     : '#targetType-hint',
            targetType : 'score'
        });

        $('#targetKeep').raty({
            cancel     : true,
            target     : '#targetKeep-hint',
            targetKeep : true
        });

        $('#targetText').raty({
            target     : '#targetText-hint',
            targetText : '--'
        });

        $('#targetFormat').raty({
            target       : '#targetFormat-hint',
            targetFormat : 'Rating: {score}'
        });

        $('#targetScore').raty({
            targetScore: '#target-score'
        });


        $('#precision').raty({
            cancel     : true,
            cancelOff  : 'cancel-off.png',
            cancelOn   : 'cancel-on.png',
            path       : 'images',
            starHalf   : 'star-half.png',
            starOff    : 'star-off.png',
            starOn     : 'stars-all.png',
            target     : '#precision-hint',
            targetKeep : true,

            precision  : true
        });


        $('#functions').raty({
            cancel     : true,
            cancelOff  : 'cancel-off.png',
            cancelOn   : 'cancel-on.png',
            path       : 'images',
            precision  : true,
            starHalf   : 'star-half.png',
            starOff    : 'star-off.png',
            starOn     : 'stars-all.png',
            target     : '#functions-hint',
            targetKeep : true,
            click: function(score, evt) {
                alert('ID: ' + this.id + "\nscore: " + score + "\nevent: " + evt.type);
            },
            hints: [
                ['bad 1'      , 'bad 2'      , 'bad 3'      , 'bad 4'      , 'bad 5'      , 'bad 6'      , 'bad 7'      , 'bad 8'      , 'bad 9'      , 'bad'      ],
                ['poor 1'     , 'poor 2'     , 'poor 3'     , 'poor 4'     , 'poor 5'     , 'poor 6'     , 'poor 7'     , 'poor 8'     , 'poor 9'     , 'poor'     ],
                ['regular 1'  , 'regular 2'  , 'regular 3'  , 'regular 4'  , 'regular 5'  , 'regular 6'  , 'regular 7'  , 'regular 8'  , 'regular 9'  , 'regular'  ],
                ['good 1'     , 'good 2'     , 'good 3'     , 'good 4'     , 'good 5'     , 'good 6'     , 'good 7'     , 'good 8'     , 'good 9'     , 'good'     ],
                ['gorgeous 1' , 'gorgeous 2' , 'gorgeous 3' , 'gorgeous 4' , 'gorgeous 5' , 'gorgeous 6' , 'gorgeous 7' , 'gorgeous 8' , 'gorgeous 9' , 'gorgeous' ]
            ]
        });

        $('#score-function-run').on('click', function() {
            $('#functions').raty('score', $('#' + this.id.replace('-run', '')).val());
        });

        $('#click-function-run').on('click', function() {
            $('#functions').raty('click', $('#' + this.id.replace('-run', '')).val());
        });

        $('#readOnly-function-run').on('click', function() {
            var isReadOnly = $('#' + this.id.replace('-run', '')).val() === 'true';

            $('#functions').raty('readOnly', isReadOnly);
        });

        $('#cancel-function-run').on('click', function() {
            var isTrigger = $('#' + this.id.replace('-run', '')).val() === 'true';

            $('#functions').raty('cancel', isTrigger);
        });

        $('#reload-function-run').on('click', function() {
            $('#functions').raty('reload');
        });

        $('#get-score-function-run').on('click', function() {
            alert('score: ' + $('#functions').raty('score'));
        });

        $('#set-score-function-run').on('click', function() {
            $('#functions').raty('score', $('#' + this.id.replace('-run', '')).val());
        });

        $('#set-function-run').on('click', function() {
            var options = $('#' + this.id.replace('-run', '').val()),
                command = "$('#functions').raty('set', " + options + ");";

            eval(command);
        });

        $('#destroy-function-run').on('click', function() {
            $('#functions').raty('destroy');
        });

        $('#move-function-run').on('click', function() {
            $('#functions').raty('move', $('#' + this.id.replace('-run', '')).val());
        });
    });
</script>

</body>

</html>